<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="./css/header_footer.css"><!--通用头尾-->
	<link rel="stylesheet" type="text/css" href="./css/navbar.css"><!--通用导航栏-->
	<link rel="stylesheet" type="text/css" href="./css/navbar2.0.css"><!--通用导航栏2.0-->
	<link rel="stylesheet" type="text/css" href="./css/table_type.css"><!--专属-->
	<link rel="stylesheet" type="text/css" href="./css/phone.css"><!--通用手机导航栏-->
	<link rel="icon" href="./img/Icon/Hat_by_PxStardust.png" type="image/x-icon" />
	<title>WalkerZZL的个人主页</title>
</head>
<body ondragstart='return false'>
	<header>
		<div class="header">
			<div class="weather">
				<img id="Month" src="./" alt="none"/>
				<img id="Date1" src="./" alt="none"/>
				<img id="Date2" src="./" alt="none"/>
				<img id="Week" src="./" alt="none"/>
				<img id="Time" src="./" alt="none"/>
			</div>
		</div>
	</header>
	<nav>
		<ul class="navbar">
			<li><a href="index.html">主页</a></li>
			<li><a href="introduction.html">介绍</a></li>
			<li><a href="dairy.html">日志</a></li>
			<li><a href="album.html">相册</a></li>
			<li><a href="form.html">意见征集</a></li>
		</ul>
	</nav>
	<div class="navbar3">
		<ul id="accordion" class="accordion">
			<li>
				<div class="link"><img src="./img/Icon/Map_by_PxStardust.png" alt="none">指引迷途羔羊</div>
				<ul class="submenu">
					<li><a href="index.html">主页</a></li>
					<li><a href="introduction.html" style="background-color: #CD0000;">目前位置：介绍</a></li>
					<li><a href="dairy.html">日志</a></li>
					<li><a href="album.html">相册</a></li>
					<li><a href="form.html">意见征集</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<div>
		<div class="navbar2">
			<a class="ah" href="index.html"><section class="c1"><h4>主</h4></section><section class="c2"><h4>页</h4></section></a> 
			<section><h6>>>></h6></section>
			<a href="introduction.html"><section class="c3"><h5>介绍</h5></section></a>
		</div>
		<table class="table_first">
			<tr><th colspan="3" style="font-size: 1.6em"><strong>起稿</strong></th></tr>
			<tr>
				<td rowspan="2" style="vertical-align:top;width:20%">
					<div style="float: left;"><img src="./img/Month/month4.png" alt="none"></div>
					<div >
						<img src="./img/Date/2.png" alt="none" style="width: 10%;">
						<img src="./img/Date/9.png" alt="none" style="width: 10%;">
					</div>
				</td>
				<td style="width: 60%;">
					<h2 style="text-align: left;">主要想法启发于一个PS4上的游戏“Personal5”</h2>
					对其简单又总觉得很炫酷的画风感兴趣，想要试着做一个类似的网页出来<br>
					简单来说就是想弄一个风格很“中二”的东西出来吧<br>
					把网页想成了可以制作出游戏UI效果毕竟是很天真的<br>
					但总觉得配合CSS和JS应该是能做到点什么就这么开始动手来做了
				</td>
				<td rowspan="2" style="vertical-align:bottom;width:20%">
					<img src="./img/twin/1.png" alt="none" style="width:100%">
				</td>
			</tr>
			<tr>
				<td>
					<h2 style="text-align: left;">在这段时间主要的规划就是搜集游戏的图像素材了</h2>
					*人物头像<br>
					*游戏图标<br>
					*游戏字体(当然没用上，发现并不好看)<br>
					*部分配乐(播放音乐过于麻烦也就没动手去做了)<br>
				</td>
			</tr>
		</table>
		<hr style="height:2px;background-color:black;border: none;">
		<table class="table_first">
			<tr><th colspan="3" style="font-size: 1.6em"><strong>发展</strong></th></tr>
			<tr>
				<td rowspan="2" style="vertical-align:bottom;width:20%">
					<img src="./img/twin/2.png" style="width:100%" alt="none">
				</td>
				<td style="width: 60%;">
					<h2 style="text-align: left;">尝试着去实现一些奇怪的效果</h2>
					倒是搜了不少很惊艳的特效吧<br>
					代码的长度是一个比一个长<br>
					不得不说人类真是厉害呢<br>
					发现自己就算拿过来也不过是复制粘贴<br>
					然后就放弃了<br>
					放弃之后开始走上的“减法设计”的道路<br>
					说白点大概就是性冷淡风格吧<br>
					纯属在靠好看的游戏图片来给这一片漆黑的网页增加亮度
				</td>
				<td rowspan="2" style="vertical-align:top;width:20%">
					<div style="float: left;"><img src="./img/Month/month5.png" alt="none"></div>
					<div >
						<img src="./img/Date/0.png" style="width:10%" alt="none">
						<img src="./img/Date/7.png" style="width:10%" alt="none">
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<h2 style="text-align: left;">在代码的世界遨游与溺水</h2>
					*看到了很多特效<br>
					*发现自己用不上<br>
					*开始靠图片来增色网页<br>
				</td>
			</tr>
		</table>
		<hr style="height:2px;background-color:black;border: none;">
		<table class="table_first">
			<tr><th colspan="3" style="font-size: 1.6em"><strong>结局（The End？）</strong></th></tr>
			<tr>
				<td rowspan="2" style="vertical-align:top;width:20%">
					<div style="float: left;"><img src="./img/Month/month5.png" alt="none"></div>
					<div >
						<img src="./img/Date/2.png" style="width:10%;" alt="none">
						<img src="./img/Date/0.png" style="width:10%" alt="none">
					</div>
				</td>
				<td style="width: 60%;">
					<h2 style="text-align: left;">总算是知道怎么做一个静态网页</h2>
					过于复杂的想法导致开始动手很苦恼<br>
					尤其是使用div各种想砸键盘<br>
					其实我感觉ul什么的更好用的样子<br>
					然后开始还想什么东西都往css里面放<br>
					其实有些东西没什么必要<br>
					比如说一个简单的hr直接设置颜色大小就好
				</td>
				<td rowspan="2" style="vertical-align:bottom;width:20%">
					<img src="./img/twin/3.png" style="width: 100%;" alt="none">
				</td>
			</tr>
			<tr>
				<td>
					<h2 style="text-align: left;">处理文件的风格又转变了</h2>
					*css分得很多<br>
					*自适应问题开始考虑<br>
					*感谢游戏角色长得好看<br>
				</td>
			</tr>
		</table>
		<hr style="height:2px;background-color:black;border: none;">
		<table class="table_first">
			<tr><th colspan="3" style="font-size: 1.6em"><strong>后续</strong></th></tr>
			<tr>
				<td rowspan="2" style="vertical-align:bottom;width:20%">
					<img src="./img/twin/4.png" style="width:100%" alt="none">
				</td>
				<td style="width:60%">
					<h2 style="text-align: left;">事情总是没那么容易结束</h2>
					不得不说在Chrome上写东西真的是太轻松了<br>
					切换到其他浏览器才会发现各种问题<br>
					只能说尽量去解决吧<br>
					实际上并不能解决多少<br>
					IE浏览器经常会出现加载不了ajax的问题<br>
					firefox不知道为什么对hr的识别又比较踌躇<br>
					总的来说我还是比较讨厌IE
				</td>
				<td rowspan="2" style="vertical-align:top;width:20%">
					<div style="float: left;"><img src="./img/Month/month6.png" alt="none"></div>
					<div >
						<img src="./img/Date/0.png" style="width:10%" alt="none">
						<img src="./img/Date/4.png" style="width:10%" alt="none">
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<h2 style="text-align: left">IE浏览器真的很讨厌</h2>
					*微软真的不好好改下这款浏览器吗<br>
					*大量使用js来解决适配问题<br>
					*已然抛弃了css<br>
				</td>
			</tr>
		</table>
		<div class="backup">
			<h1>4.29起稿</h1>
			<h2>主要想法启发于一个PS4上的游戏“Personal5”</h2>
			对其简单又总觉得很炫酷的画风感兴趣，想要试着做一个类似的网页出来<br>
			简单来说就是想弄一个风格很“中二”的东西出来吧<br>
			把网页想成了可以制作出游戏UI效果毕竟是很天真的<br>
			但总觉得配合CSS和JS应该是能做到点什么就这么开始动手来做了
			<hr>
			<h1>5.07发展</h1>
			<h2>尝试着去实现一些奇怪的效果</h2>
			倒是搜了不少很惊艳的特效吧<br>
			代码的长度是一个比一个长<br>
			不得不说人类真是厉害呢<br>
			发现自己就算拿过来也不过是复制粘贴<br>
			然后就放弃了<br>
			放弃之后开始走上的“减法设计”的道路<br>
			说白点大概就是性冷淡风格吧<br>
			纯属在靠好看的游戏图片来给这一片漆黑的网页增加亮度
			<hr>
			<h1>5.20结局（The End？）</h1>
			<h2>总算是知道怎么做一个静态网页</h2>
			过于复杂的想法导致开始动手很苦恼<br>
			尤其是使用div各种想砸键盘<br>
			其实我感觉ul什么的更好用的样子<br>
			然后开始还想什么东西都往css里面放<br>
			其实有些东西没什么必要<br>
			比如说一个简单的hr直接设置颜色大小就好
			<hr>
			<h1>6.04后续</h1>
			<h2>事情总是没那么容易结束</h2>
			不得不说在Chrome上写东西真的是太轻松了<br>
			切换到其他浏览器才会发现各种问题<br>
			只能说尽量去解决吧<br>
			实际上并不能解决多少<br>
			IE浏览器经常会出现加载不了ajax的问题<br>
			firefox不知道为什么对hr的识别又比较踌躇<br>
			总的来说我还是比较讨厌IE
		</div>
	</div>
	<footer>
		<div class="footer">
				<p>--------------------------------------</p>
				<p>此处应该有版权声明</p>
				<ul>
					<li><img src="img/Icon/Gallery_by_PxStardust.png"  alt="none"></li>
					<li><img src="img/Icon/Clock_by_PxStardust.png" alt="none"></li>
					<li><img src="img/Icon/Drive_by_PxStardust.png" alt="none"></li>
				</ul>
				<p>然而并没有</p>
			</div>
	</footer>
	<script src='./js/jquery.min.js'></script>
	<script src="./js/table.js"></script>
	<script src="js/phone.js"></script>
</body>
</html>